<div class="bodyContainer">
    <div id="content">

<div class="tableStaff">
    <div class="tableHeader">
        <div class="picDr left">Picture</div>
        <div class="nameDr left">Name</div>
        <div class="positionDr left">Position</div>
        <div class="mailDr left">title</div>
        <div class="editDr left">Edit</div>
        <div class="deleteDr left">Delete</div>
    </div>
        <?php foreach($this->staff as $doctor): ?>  
    <div class="tableRow">
        <div class="picDr left">
            <img src="/images/doctors/<?=(empty($doctor['image']) || !file_exists($this->root."/public/images/doctors/".$doctor['image']))?"nodoctor.png":$doctor['image']; ?>" alt=""/>
        </div>
        <div class="nameDr left"><?=$doctor['name']; ?></div>
        <div class="positionDr left"><?=$doctor['speciality'];?></div>
        <div class="mailDr left"><?=$doctor['title'];?></div>
        <div class="editDr left">
            <a href="/admin/staff/update?id=<?=$doctor['id']; ?>" id="edit" name="edit" value="Edit" class="button" >Edit</a>
        </div>
        <div class="deleteDr left">
            <a href="/admin/staff/delete?id=<?=$doctor['id']; ?>" id="delete" name="delete" value="Delete" class="button" >Delete</a>
        </div>       
    </div>
    <?php endforeach; ?>
    <a href="/admin/staff/add" id="addnew" name="addnew" value="Add New Doctor" class="button" style="float:right;margin-top: 10px;">
        Add New Doctor
    </a>
</div>
      
        </div>
  </div>